<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    
<head>
    <? include "/../includes/head.inc" ?>  

    </head>
      
    <body>
    <!-- Carragando animação -->
    <div id="qLoverlay"></div>
    <div id="qLbar"></div>
        
    <div id="header">

        <? include "/../includes/cabecalho.inc" ?>  

    </div><!-- Fim #header -->

    <div id="wrapper">

        <!--Responsive navigation button-->  
        <div class="resBtn">
            <a href="#"><span class="icon16 minia-icon-list-3"></span></a>
        </div>
        
        <? include "/../includes/menuLateral.inc" ?>  

        <!--Body content-->
        <div id="content" class="clearfix">
            <div class="contentwrapper"><!--Content wrapper-->

                <div class="heading">

                    <h3>Usuário</h3>                    

                    <div class="resBtnSearch">
                        <a href="#"><span class="icon16 icomoon-icon-search-3"></span></a>
                    </div>

                    <div class="search">

                        <form id="searchform" action="">
                            <input type="text" id="tipue_search_input" class="top-search" placeholder="Search here ..." />
                            <input type="submit" id="tipue_search_button" class="search-btn" value=""/>
                        </form>
                
                    </div><!-- End search -->
                    
                    <ul class="breadcrumb">
                        <li>Você está aqui:</li>
                        <li>
                            <a href="<?= BASE?>" class="tip" title="Clique aqui para ir para página inicial">
                                <span class="icon16 "><img src="<?= BASE?>/webfiles/css/img/home3.png" /></span>
                            </a> 
                            <span class="divider">
                                <span class="icon16 "><img src="<?= BASE?>/webfiles/css/img/seta.png" /></span>
                            </span>
                        </li>
                        <li class="active">Cadastro de Usuários</li>
                    </ul>

                </div><!-- End .heading-->

                <!--Corpo da página  -->
                <!-- tudo deverá ser construído a partir da qui -->
               
               <div class="row-fluid">

                        <div class="span10">

                            <div class="box">

                                <div class="title">

                                    <h4>   
                                        <? 
                                       // print_r($view_dados);exit(); 
                                        if (isset($view_dados)){
                                           foreach($view_dados as $index => $valores){
                                             echo "<div class='alert alert-error'><button type='button' class='close' data-dismiss='alert'>&times;</button>"; 
                                             echo "<strong>" .$index." </strong> $valores </div>";
                                            }
                                        } ?>
                                        <span>Cadastro de Usuários</span>
                                    </h4>
                                    
                                </div>
                                <div class="content">
                                   
                                    <form method="POST" class="form-horizontal" id="form-validate" action="<?= BASE?>/usuarios/cadastrar" >
                                        
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="nome">Nome</label>
                                                    <input class="span9" id="nome" name="nome" type="text" />
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="cpf">CPF</label>
                                                    <input class="span4 mask" id="mask-cpf"  name="cpf" type="text" />
                                                    <span class="help-block blue span8">Ex: 999.999.999-99</span>
                                                    
                                                </div>
                                            </div>
                                          </div> 
                                        
                                        
                                          <div class="form-row row-fluid">  
                                           <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="rg">RG</label>
                                                    <input class="span4 mask" id="mask-rg" name="rg" type="text" />
                                                     <span class="help-block blue span8">Somente os números</span>
                                                </div>
                                            </div>
                                        </div> 
                                        
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="email">E-mail</label>
                                                    <input class="span9" id="email" name="email" type="text" />
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="dataNasc">Nascimento</label>
                                                    <input class="span4 mask" id="mask-date"  name="dataNasc" type="text" />
                                                    
                                                </div>
                                            </div>
                                          </div> 
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="senha">Senha</label>
                                                    <div class="span9">
                                                        <div class="controls">
                                                            <input class="span12" id="senha" name="senha" type="password" placeholder="Digite sua senha." />
                                                            <input class="span12" id="confirma_senha" name="confirma_senha" type="password" placeholder="Digite sua senha novamente." />
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="endereco">Endereço</label>
                                                    <input class="span9" id="endereco" name="endereco" type="text" />
                                                </div>
                                            </div>    
                                                 <div class="span3">
                                                <div class="row-fluid">
                                                    <label class="form-label span6" for="numero">Número</label>
                                                    <input class="span4" id="numero" name="numero" type="text" />
                                                </div>
                                            </div>
                                            
                                        </div>
                                        
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="bairro">Bairro</label>
                                                    <input class="span6" id="bairro" name="bairro" type="text" />
                                                </div>
                                            </div>
                                            
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="cidade">Cidade</label>
                                                    <input class="span6" id="cidade" name="cidade" type="text" />
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="telefone">Telefone</label>
                                                    <input class="span9 mask" id="mask-phone" name="telefone" type="text" />
                                                    <span class="help-block blue span8">Ex: (999) 9999-9999</span>
                                                </div>
                                            </div>
                                        </div>
                                        
                                        <div class="form-row row-fluid">
                                            <div class="span6">
                                                <div class="row-fluid">
                                                    <label class="form-label span3" for="celular">Celular</label>
                                                    <input class="span9 mask" id="mask-celular" name="celular" type="text" />
                                                     <span class="help-block blue span8">Ex: (999) 9999-9999</span>
                                                </div>
                                            </div>
                                        </div>
                                       
                                        <div class="form-row row-fluid">
                                            <div class="span12">
                                                <div class="row-fluid">
                                                    <div class="form-actions">
                                                    <div class="span3"></div>
                                                    <div class="span9 controls">
                                                        <button type="submit" class="btn btn-info  ">Cadastrar</button>
                                                        <button title="Ao clicar aqui irá resetar todo o formulário" type="reset" class="tip btn btn-danger right">Resetar</button>
                                                    </div>
                                                    </div>
                                                </div>
                                            </div> 
                                        </div>
                                    </form>
                                 
                                </div>

                            </div><!-- Fim .box -->

                        </div><!-- Fim .span12 -->

                    </div><!-- Fim .row-fluid -->  


                </div><!--Fim corpo da página -->

                

            
            </div><!-- Fim contentwrapper -->
        </div><!-- Fim #content -->
    
    </div><!-- Fim #wrapper -->
    

    <!--  javascript
    ================================================== -->
      <?include "/../includes/javascript.inc" ?>  
    <script> 
        /*
        $(document).ready(function() { 
            // bind 'myForm' and provide a simple callback function 
            $('#form-validate').ajaxForm(function() { 
                alert("Registrado com sucesso!"); 
                setTimeout(function(){
                $(window.document.location).attr("href","../../usuarios/");
                } , 2000);
                
            }); 
            
        }); */
    </script> 
    </body>

</html>
